@charset "gb2312";
/* CSS Document */

@media screen and (min-width: 1200px) and (max-width: 1599px) {
}

@media (max-width: 1199px) {
	.mune .down {
    width: 70px;
    margin-right: 30px;
}
.mune .down>a{ width:70px;}

.inainfo{ width:100%;}

.tablea .box2 .h3{ padding-top:30%;}
.design-info h4{ font-size:2.4em;}
.design-info p{ font-size:1.4em; margin-bottom:20px;}

}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	
	.mune .down{ width:60px;}
	.mune .down>a {
    font-size: 1.4em;
    width: 60px;
}
.title p{ width:60%;}
}


@media (max-width: 991px) {
	
	.tablea .box2 .h3 {
    padding-top: 25%;
	font-size:4em;
}
	
.tablea .box .h4{ font-size:4em;}	
.inaimg h4{ font-size:1.8em;}	

.indexPro .inner .right{ padding:0 50px 0 45px;}

.indexPro ul li:after {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #22add6;
}
.pageScroll{ display:none;}

.title p{ width:80%;}
.case-box .can, .new-box .can{ width:50%;}

.am4 {
    border: 1px solid #dadada;
    width: 100%;
    padding: 30px;
}

.contact-info .contile span{ font-size:4em;}
.cont-link {
    margin-top: 20px;
}
}







@media screen and (min-width: 767px) and (max-width: 991px) {
.logo{ padding:15px 10px;}
.mune .down{ width:60px;margin-right: 10px;}
	.mune .down>a {
    font-size: 1.4em;
    width: 60px;
}

}



@media (max-width: 767px) {
	#hamburger{ display:block;}
	.munes{ display:none;}
	.nocurrent-swiper{ display:none;}
	.current-swiper, .inpro .swiper-slide{ width:100% !important;}
	.innewbox .inn{ width:50%;}
	.foot-nav-box{ display:none;}
	.footer{ margin-bottom:50px;}
	.fixed-nav{ display:block;}
}

@media screen and (min-width: 640px) and (max-width: 767px) {
	

}
@media (max-width: 640px) {
	.indexPro{ height:auto;}
	.indexPro ul{ position:inherit;height:auto; margin-top:0; top:auto; margin-bottom:0;}
	.indexPro ul li{ height:auto; background:rgba(0,0,0,0.5); border-bottom:1px solid #fff;}
	.indexPro ul li:last-child{ border:none;}
	.indexPro .inner .right, .indexPro .inner .icon{ float:none;} 
	.indexPro .inner .right{ padding:0 20px;}
	.indexPro .inner .right .p1{ padding-top:0;}
	.indexPro .inner .right .p1 span{ display:block;}
	.indexPro .inner .right .p2{ opacity:1;}
	.indexPro .inner .icon{ height:auto; width:100%;}
	.indexPro ul .inner{ width:100%;}
	.tablea .box2 .h3 {
    padding-top: 40%;
    font-size: 3em;
}
.tablea .box .h4 {
    font-size: 3em;
}
	
	.innewbox .inn{ width:100%;}
	
	.nsshow-1 ul li{ width:150px;}
	.case-box .can , .new-box .can{ width:100%;}
	.am4 p{ width:100%;}
	.menu_list{ padding:20px 10px;}
}